function navigator(divName,root){
	var width = 600;
	var height = 50;
	
	var cluster = d3.layout.cluster().size([height, width-160]);
	
	var diagonal = d3.svg.diagonal().projection(function(d) { return [d.y, d.x]; });


	//d3.select("body").append("div").attr("id","navigateGraph");
	var svg = d3.select("#"+divName).append("svg")
		.attr("width", width)
		.attr("height", height)
		.append("g")
		.attr("transform", "translate(60,0)");
	var nodes = cluster.nodes(root);
	var links = cluster.links(nodes);

	var link = svg.selectAll(".link")
		.data(links)
		.enter().append("path")
		.attr("class", "link")
		.attr("d", diagonal);

	var node = svg.selectAll(".node")
		.data(nodes)
		.enter().append("g")
		.attr("class", "node")
		.attr("transform", function(d) { return "translate(" + d.y + "," + d.x + ")"; })
	
		node.append("circle")
		.attr("r", 4.5);

	node.append("text")
	.attr("dx", function(d) { return d.children ? -30 : -50; })
	.attr("dy", -8)
	.style("text-anchor", "start")
	//.style("text-anchor", function(d) { return d.children ? "end" : "start"; })
	.text(function(d) { return d.name; });
	d3.select(self.frameElement).style("height", height + "px");
}